<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品列表</title>
<link rel="stylesheet" type="text/css" href="css/top.css"/>
<link rel="stylesheet" type="text/css" href="css/lunbo.css">
<link rel="stylesheet" type="text/css" href="css/liebiao.css"/>
<link rel="stylesheet" type="text/css" href="css/footer.css"/>

<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/public.js"></script>


</head>
<body>
<!--顶部菜单-->


<%@include file="includetop.jsp"%>

<!--banner轮播引入lunbo.css和daohang.js-->
<div class="shaixuan">
	<!--品牌分类开始-->
    
    <!--品牌分类结束-->
	<div class="sxfenlei">
    	<div class="sxname">分类:</div>
        <div class="sxleibie">
        	<ul class="liebiaoyi">
        	<c:forEach items="${fl}" var="fl">
               <li><a href="products?fenlei=${fl.id}">${fl.name}</a></li>
            </c:forEach>
            </ul>
            
        </div>
    </div>
    
    <script>
		$(function(){//第一步都得写这个
	$(".zdguanbi").click(function(){//获取title，并且让他执行下面的函数
		$(this)/*点哪个就是哪个*/.next(".liebiaoer_w")/*哪个标题下面的con*/.slideToggle()
		
		})
	$(".zdguanbi").click(function(){//获取title，并且让他执行下面的函数
		$(this)/*点哪个就是哪个*/.next(".liebiaoer")/*哪个标题下面的con*/.slideToggle()
		
		})	
		
	
	})
    </script>
</div>
<!--分类搜索-->
<!--商品列表-->
<div class="shopliebiao">
	<ul>
	<c:forEach items="${pd}" var="pd">
    	<li>
           <a href="showProduct?id=${pd.id }" class="wocici">
               <b>
               <img src="${pd.image }" style="width:239px;height:220px;"/>
               </b>
               <h2>${pd.name }</h2>
               <p>${pd.info }</p>
               <span>${pd.price}.00元</span>
           </a>
        </li>
        </c:forEach>
       
    </ul>
</div>
<!--猜你喜欢-->
 
<!--页脚-->


</body>
</html>         